<template>
  <div class="mine_history">
    <ul>
      <li>订单</li>
      <li>历史浏览</li>
      <li>消息</li>
      <li>客服</li>
    </ul>
  </div>
</template>
<script>
export default{
  name: ''
}
</script>
<style scoped lang="less">
  .mine_history{
    color: #333;
    height: 90px;
    box-shadow: 0px 0px 2px 1px #bbb ;
    border-radius: 5px;
    margin: 0 20px;
    ul{
      display: flex;
      justify-content: space-around;
      li{
        width: 80px;
        text-align: center;
        background-image: url(../../assets/img/mine/history.png);
        background-repeat: no-repeat;
        background-position: center top 10px;
        background-size: 40px;
        padding-top: 54px;
      }
      li:nth-child(1){
        background-image: url(../../assets/img/mine/order.png);
      }
      li:nth-child(3){
        background-image: url(../../assets/img/mine/message.png);
      }
      li:nth-child(4){
        background-image: url(../../assets/img/mine/service.png);
      }
    }
  }
</style>